<template>
	<view 
	@click="goPage('/pages/aPackage/goodsDetail/goodsDetail?goods_id=' + options.id)"
	class="item" 
	hover-class="hover"
	:hover-stay-time="300">
		<u--image 
		:showLoading="true" 
		:src="options.list_pic_url" 
		width="325rpx" 
		height="325rpx"></u--image>
		<view class="item_name l-line2">{{options.name}}</view>
		<view class="item_bottom l-f l-row-sb">
			<view>
				<view class="item_bottom_retail-price">{{options.retail_price}}</view>
				<view class="item_bottom_market-price">{{options.market_price}}</view>
			</view>
			<view class="item_bottom_num">已售: {{options.virtual_sales}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			options: {
				type: Object,
				default: function () {
					return {}
				}
			},
			index: {
				type: Number,
				default: 0
			}
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.hover {
		background-color: rgba(0, 0, 0, .1);
	}
	.item {
		width: 375rpx;
		padding: 25rpx;
		box-sizing: border-box;
		&_name {
			margin-top: 20rpx;
			font-size: 28rpx;
			color: #000000;
			height: 68rpx;
			line-height: 34rpx;
		}
		&_bottom {
			margin-top: 20rpx;
			&_retail-price{
				font-size: 24rpx;
				color: #E81526;
			}
			&_market-price{
				margin-top: 6rpx;
				font-size: 24rpx;
				color: #000000;
				text-decoration: line-through;
			}
			&_num {
				font-size: 24rpx;
				color: #666666;
			}
		}
	}
</style>